<template>
<div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <a href="javascript:void(0)">
            <img src="https://image.10street.cn/image/dd/d8/ddd8783d334db217d191a3164078a218.jpg" alt="">
        </a>
      </div>
    </div>
  </div>
</template>

<script>
import Swiper from "swiper"

export default {

methods:{
    initSwiper(){
      var mySwiper = new Swiper('.swiper-container')
    }
  },
  mounted(){
      this.initSwiper();
  }

}


</script>

<style lang="stylus" scoped>
 .swiper-container 
   a
    img
      width 100%
    

</style>